{extend name="public/base" /}
{block name="css"}
<!--    css-->
<link href="/static/css/index.css" rel="stylesheet">
{/block}
{block name="js"}
<!--layui js-->
<script src="/static/framework/layui/layui.js"></script>
<!--common.js-->
<script src="/static/js/common.js"></script>
<!-- index.js -->
<script src="/static/js/index.js"></script>
{/block}
{block name="main"}

    <!-- banner start -->
    <div class="container-fluid flex-row">
        <div class="layui-carousel index-carousel-image" id="index-carousel-image">
            <div carousel-item>
                <div>
                    <a href="/" target="_blank">
                        <img src="/static/images/banner01.jpg">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- banner end -->

    <!-- 板块一 start -->
    <!-- 左边是轮播图 右边是推荐资讯 -->
    <div class="container-fluid flex-row">
        <div class="container index-block1">
            <div class="index-block1-left">
                <div class="layui-carousel" id="index-carousel-left">

                    <div carousel-item>
                        {volist name="rec_list" id="item"}
                        <div>
                            <a href="/detail/{$item.id}" target="_blank">
                                <img src="{$item.rec_img}" alt="{$item.title}">
                            </a>
                            <p class="zz">{$item.title}</p>
                        </div>
                        {/volist}
                    </div>

                </div>
            </div>
            <div class="index-block1-right">
                <div class="index-block1-right-title">
                    <span>推荐资讯</span>
                    <span>NEWS RECOMMENDATIONS</span>
                </div>
                <div class="index-block1-right-content">
                    <ul>
                        {volist name="hot_list" id="item"}
                        <li>
                            <a href="/detail/{$item.id}" target="_blank">
                                {$item.title}
                            </a>
                            <!-- 简介 -->
                            <p>{$item.sketchs}</p>
                        </li>
                        {/volist}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 板块一 end -->

    <!-- 板块二 start -->
    <div class="container-fluid flex-row">
        <div class="container index-block2">
            <!-- 留学就业 -->
            <div class="index-block lxjy">
                <div class="index-block-title">
                   <div class="index-block-bgimg">
                       <img src="/static/images/tit01.png">
                   </div>
                    <ul class="index-block-mid">
                        <li class="more"> <a href="/job" target="_blank">MORE+</a></li>
                    </ul>
                </div>
                <div class="index-block-content box-sizing">
                    <ul>
                        {volist name="lxjy_list" id="item"}
                        <li>
                            <a href="/detail/{$item.id}" target="_blank">
                                <p>{$item.title}</p>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>
            </div>

            <!-- 右边 政策资讯 -->
            <div class="index-block zczx">
                <div class="index-block-title">
                    <div class="index-block-bgimg">
                        <img src="/static/images/tit02.png">
                    </div>
                    <!-- 政策解读 留学资讯 菜单 -->
                    <ul class="index-block-mid" >
                        <li class="active"><a href="javascript:void(0)">政策解读</a></li>
                        <li><a href="javascript:void(0)">人才交流</a></li>
                        <li class="more"> <a href="/policy" class="more" target="_blank">MORE+</a></li>
                    </ul>
                </div>

                <!-- 政策解读 -->
                <div class="index-block-content box-sizing">
                    <!-- 左边一条图文推荐资讯 -->
                    <div class="index-block-content-rec">
                        <a class="image" href="/detail/{$zcjd_rec_list.id}" target="_blank">
                            <img src="{$zcjd_rec_list.rec_img}" alt="{$zcjd_rec_list.id}">
                        </a>
                        <a class="title" href="/detail/{$zcjd_rec_list.id}" target="_blank">
                            {$zcjd_rec_list.title}
                        </a>
                    </div>
                    <ul class="index-block-content-news">
                        {volist name="zcjd_list" id="item"}
                        <li class="dotted">
                            <a href="/detail/{$item.id}" target="_blank">
                                <p>{$item.title}</p>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>

                <!-- 留学资讯 -->
                <div class="index-block-content box-sizing" >
                    <!-- 左边一条图文推荐资讯 -->
                    {if $lxzx_rec_list}
                    <div class="index-block-content-rec">
                        <a class="image" href="/detail/{$lxzx_rec_list.id}" target="_blank">
                            <img src="{$lxzx_rec_list.rec_img}">
                        </a>
                        <a class="title" href="/detail/{$lxzx_rec_list.id}" target="_blank">
                            {$lxzx_rec_list.title}
                        </a>
                    </div>
                    <ul class="index-block-content-news">
                        {volist name="lxzx_list" id="item"}
                        <li class="dotted">
                            <a href="/detail/{$item.id}" target="_blank">
                                <p>{$item.title}</p>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                    {/if}
                </div>

            </div>
        </div>
    </div>

    <!-- banner start -->
    <div class="container-fluid flex-row banner">
        <div class="container ">
            <a href="/" target="_blank">
                <img src="/static/images/img02.png">
            </a>
        </div>
    </div>
    <!-- banner end -->


    <!-- 板块四 start -->
    <div class="container-fluid flex-row">
        <div class="container index-block3">
            <!-- 人才交流 -->
            <div class="index-block rcjl">
                <div class="index-block-title">
                    <div class="index-block-bgimg">
                        <img src="/static/images/tit03.png">
                    </div>
                    <ul class="index-block-mid">
                        <li class="more"> <a href="/exchange" target="_blank">MORE+</a></li>
                    </ul>
                </div>
                <div class="index-block-content box-sizing">
                    <ul>
                        {volist name="rcjl_list" id="item"}
                        <li class="dotted">
                            <a href="/detail/{$item.id}" target="_blank">
                                <p>{$item.title}</p>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>
            </div>

            <!-- 右边 留学指南 -->
            <div class="index-block lxzn">
                <div class="index-block-title">
                    <div class="index-block-bgimg">
                        <img src="/static/images/tit04.png">
                    </div>
                    <!-- 招生简章  申请攻略 留学生活 -->
                    <ul class="index-block-mid">
                        <li class="active"><a href="javascript:void(0)">校企合作</a></li>
                        <li><a href="javascript:void(0)">班墨计划</a></li>
                        <li><a href="javascript:void(0)">智库</a></li>
                        <li class="more"> <a href="/guide" class="more" target="_blank">MORE+</a></li>
                    </ul>
                </div>

                <!-- 招生简章 -->
                <div class="index-block-content box-sizing">
                    <!-- 左边一条图文推荐资讯 -->
                    {if $zsjz_rec_list}
                    <div class="index-block-content-rec">
                        <a class="image" href="/detail/{$zsjz_rec_list.id}" target="_blank">
                            <img src="{$zsjz_rec_list.rec_img}" alt="{$zsjz_rec_list.title}">
                        </a>
                        <a class="title" href="/detail/{$zsjz_rec_list.id}" target="_blank">
                            {$zsjz_rec_list.title}
                        </a>
                    </div>
                    <ul class="index-block-content-news">
                        {volist name="zsjz_list" id="item"}
                        <li class="dotted">
                            <a href="/detail/{$item.id}" target="_blank">
                                <p>{$item.title}</p>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                    {/if}
                </div>


                <!-- 申请攻略 -->
             <div class="index-block-content box-sizing">
                 {if $sqgl_rec_list}
                <div class="index-block-content-rec">
                    <a class="image" href="/detail/{$sqgl_rec_list.id}" target="_blank">
                        <img src="{$sqgl_rec_list.rec_img}" alt="{$sqgl_rec_list.title}">
                    </a>
                    <a class="title" href="/detail/{$sqgl_rec_list.id}" target="_blank">
                        {$sqgl_rec_list.title}
                    </a>
                </div>
                <ul class="index-block-content-news">
                    {volist name="sqgl_list" id="item"}
                    <li class="dotted">
                        <a href="/detail/{$item.id}" target="_blank">
                            <p>{$item.title}</p>
                        </a>
                    </li>
                    {/volist}
                </ul>
                {/if}
            </div>

            <!-- 留学生活 -->
          <div class="index-block-content box-sizing">
            <div class="index-block-content-rec">
                <a class="image" href="/detail/{$lxsh_rec_list.id}" target="_blank">
                    <img src="{$lxsh_rec_list.rec_img}">
                </a>
                <a class="title" href="/detail/{$lxsh_rec_list.id}" target="_blank">
                    {$lxsh_rec_list.title}
                </a>
            </div>
            <ul class="index-block-content-news">
                {volist name="lxsh_list" id="item"}
                <li class="dotted">
                    <a href="/detail/{$item.id}" target="_blank">
                        <p>{$item.title}</p>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
        </div>
    </div>


    <!--板块五 start-->
    <div class="container-fluid flex-row">
        <div class="container index-block5">
            <!-- 左右布局 -->
            <div class="index-block5-left">
                <!-- 上面是图片 下面是 查询表单 -->
                <div class="index-block5-left-top">
                    <a href="/" target="_blank">
                        <img src="/static/images/img01.png">
                    </a>
                </div>
                <div class="index-block5-left-bottom">
                    <form class="layui-form" action="/staff" method="get">
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <input type="text" name="no" required  lay-verify="required" placeholder="请输入工作人员编号" autocomplete="off" class="layui-input">
                                <!-- 查询按钮 -->
                                <button class="layui-btn" lay-submit lay-filter="formDemo">查询</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- li -->
            <div class="index-block5-right">
                <div class="index-block lxyx">
                    <div class="index-block-title">
                        <div class="index-block-bgimg">
                            <img src="/static/images/tit05.png">
                        </div>
                        <ul class="index-block-mid">
                            <li class="more"> <a href="/guide?cid=11" target="_blank">MORE+</a></li>
                        </ul>
                    </div>
                    <!-- 留学院校 -->
                    <div class="index-block-content box-sizing">
                        <ul>
                            {volist name="lxyx_list" id="item"}
                            <li>
                                <a href="/detail/{$item.id}" target="_blank">
                                    <p>{$item.title}</p>
                                </a>
                            </li>
                            {/volist}

                        </ul>
                    </div>
                </div>

                <div class="index-block lxyx">
                    <div class="index-block-title">
                        <div class="index-block-bgimg">
                            <img src="/static/images/tit06.png">
                        </div>
                        <ul class="index-block-mid">
                            <li class="more"> <a href="/train" target="_blank">MORE+</a></li>
                        </ul>
                    </div>
                    <div class="index-block-content box-sizing">
                        <ul>
                            {volist name="lxzy_list" id="item"}
                            <li>
                                <a href="/detail/{$item.id}" target="_blank">
                                    <p>{$item.title}</p>
                                </a>
                            </li>
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--板块五 end-->

{/block}